<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../../include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>分期申请信息查看</title>

<link href="${ctx}/resources/media/css/chosen.css" rel="stylesheet"
	type="text/css" />
<link rel="stylesheet" type="text/css"
	href="${ctx}/resources/media/css/bootstrap-wysihtml5.css" />
<link rel="stylesheet" type="text/css"
	href="${ctx}/resources/media/css/select2_metro.css" />
<script type="text/javascript"
	src="${ctx}/resources/media/js/bootstrap-fileupload.js"></script>
<script type="text/javascript"
	src="${ctx}/resources/media/js/chosen.jquery.min.js"></script>
<link rel="stylesheet" type="text/css"
	href="${ctx}/resources/media/css/datetimepicker.css" />
<link rel="stylesheet" href="${ctx}/resources/media/css/dialog.css" />
<link rel="stylesheet" type="text/css"
	href="${ctx}/resources/media/css/bootstrap-fileupload.css" />
<script type="text/javascript"
	src="${ctx}/resources/media/js/bootstrap-fileupload.js"></script>
<link href="${ctx}/resources/media/css/jquery.fancybox.css"
	rel="stylesheet" />

<link href="${ctx}/resources/media/css/chosen.css" rel="stylesheet"
	type="text/css" />

<link rel="shortcut icon"
	href="${ctx}/resources/media/image/favicon.ico" />
</head>
<body>
	<div class="row-fluid profile">
		<div class="span12">
			<!--BEGIN TABS-->
			<div class="tabbable tabbable-custom tabbable-full-width">
				<ul class="nav nav-tabs">
					<li><a href="${ctx}/staging/apply">分期申请列表</a></li>
					<li class="active"><a href="${ctx}/staging/apply/form">分期申请查看</a></li>
				</ul>
				<div class="tab-content">
					<!--end tab-pane-->
					<div class="tab-pane profile-classic row-fluid active" id="tab_1_2">
						<div class="span12">
							<!-- BEGIN SAMPLE FORM PORTLET-->
							<div class="portlet box blue">
								<div class="portlet-title">
									<div class="caption">
										<i class="icon-reorder"></i> <span class="hidden-480">分期申请查看</span>
									</div>
								</div>
								<!-- END SAMPLE FORM PORTLET-->
								<div class="portlet-body form ">
									<form class="form-horizontal" id="form"
										action="${ctx}/staging/apply/view" method="post">
										<fieldset>
											<h4 class="form-section">产品信息</h4>
											<div class="row-fluid">
												<div class="span6">
													<div class="control-group">

														<label class="control-label">会员编号</label>
														<div class="controls">
															<input type="text" id="memberId" name="memberId"
																class="m-wrap input-xlarge"
																value="${loan.memberId }" readonly="readonly">
															<span class="help-inline"></span>
														</div>
													</div>
												</div>
												<div class="span6">
													<div class="control-group">
														<!-- Text input-->
														<label class="control-label">申请日期</label>
														<div class="controls">
															<div class="input-append date form_meridian_datetime">
																<input size="16" type="text" id="applyDate"
																	name="applyDate"  readonly class="m-wrap" value="${loan.applyDate }" readonly="readonly"/>
																<span class="add-on"><i class="icon-remove"></i></span>
																<span class="add-on"><i class="icon-calendar"></i></span>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="row-fluid">
												<div class="span6">
													<div class="control-group">
														<!-- Text input-->
														<label class="control-label">支付保证金日期</label>
														<div class="controls">
															<div class="input-append date form_meridian_datetime">
																<input size="16" type="text" id="tradeDate"
																	name="tradeDate"  readonly class="m-wrap" value="${loan.tradeDate }" readonly="readonly"/>
																<span class="add-on"><i class="icon-remove"></i></span>
																<span class="add-on"><i class="icon-calendar"></i></span>
															</div>
														</div>
													</div>
												</div>
												<div class="span6">
													<div class="control-group">

														<label class="control-label">产品编号</label>
														<div class="controls">
															<input type="text" name="productId" id="productId"
																class="m-wrap input-xlarge"
																value="${loan.productId }"
																readonly="readonly"> <span id="msg"
																style="color: red"></span>
															<p class="help-block"></p>
														</div>
													</div>
												</div>
											</div>
											<div class="row-fluid">
												<div class="span6">
													<div class="control-group">

														<label class="control-label">首付金额</label>
														<div class="controls">
															<input type="text" name="downPaymentDeposit" id="downPaymentDeposit"
																class="m-wrap input-xlarge"
																value="${loan.downPaymentDeposit }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
												<div class="span6">
													<div class="control-group">

														<label class="control-label">贷款金额</label>
														<div class="controls">
															<input type="text" name="loanAmount"
																id="loanAmount" class="m-wrap input-xlarge"
																value="${loan.loanAmount }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
											</div>

											<div class="row-fluid">
												<div class="span6">
													<div class="control-group">

														<label class="control-label">手续费率</label>
														<div class="controls">
															<input type="text" name="feeRate" id="feeRate"
																class="m-wrap input-xlarge"
																value="${loan.feeRate }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
												<div class="span6">
													<div class="control-group">

														<label class="control-label">手续费</label>
														<div class="controls">
															<input type="text" name="fee" id="fee"
																class="m-wrap input-xlarge"
																value="${loan.fee }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
											</div>

											<div class="row-fluid">
												<div class="span6">
													<div class="control-group">

														<label class="control-label">利率</label>
														<div class="controls">
															<input type="text" name="interestRate"
																id="interestRate" class="m-wrap input-xlarge"
																value="${loan.interestRate }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
												<div class="span6">
													<div class="control-group">

														<label class="control-label">利息</label>
														<div class="controls">
															<input type="text" name="interest" id="interest"
																class="m-wrap input-xlarge"
																value="${loan.interest }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
											</div>
											
											<div class="row-fluid">
												<div class="span6">
													<div class="control-group">

														<label class="control-label">机构名称</label>
														<div class="controls">
															<input type="text" name="organizationName"
																id="organizationName" class="m-wrap input-xlarge"
																value="${loan.organizationName }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
												<div class="span6">
													<div class="control-group">

														<label class="control-label">机构电话</label>
														<div class="controls">
															<input type="text" name="organizationPhone" id="organizationPhone"
																class="m-wrap input-xlarge"
																value="${loan.organizationPhone }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
											</div>
											
											<div class="row-fluid">
												<div class="span6">
													<div class="control-group">

														<label class="control-label">项目金额</label>
														<div class="controls">
															<input type="text" name="projectAmount"
																id="projectAmount" class="m-wrap input-xlarge"
																value="${loan.projectAmount }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
												<div class="span6">
													<div class="control-group">

														<label class="control-label">申请项目</label>
														<div class="controls">
															<input type="text" name="projectName" id="projectName"
																class="m-wrap input-xlarge"
																value="${loan.projectName }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
											</div>
											
											<div class="row-fluid">
												<div class="span6">
													<div class="control-group">

														<label class="control-label">月收入</label>
														<div class="controls">
															<input type="text" name="monthlyIncome"
																id="monthlyIncome" class="m-wrap input-xlarge"
																value="${loan.monthlyIncome }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
												<div class="span6">
													<div class="control-group">

														<label class="control-label">分期单位</label>
														<div class="controls">
															<input type="text" name="termUnit" id="termUnit"
																class="m-wrap input-xlarge"
																value="${loan.termUnit }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
											</div>
											
											<div class="row-fluid">
												<div class="span6">
													<div class="control-group">

														<label class="control-label">分期数</label>
														<div class="controls">
															<input type="text" name="term"
																id="term" class="m-wrap input-xlarge"
																value="${loan.term }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
												<div class="span6">
													<div class="control-group">

														<label class="control-label">贷款账号</label>
														<div class="controls">
															<input type="text" name="accountNumber" id="accountNumber"
																class="m-wrap input-xlarge"
																value="${loan.accountNumber }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
											</div>
											
											<div class="row-fluid">
												<div class="span6">
													<div class="control-group">
														<!-- Text input-->
														<label class="control-label">满标日期</label>
														<div class="controls">
															<div class="input-append date form_meridian_datetime">
																<input size="16" type="text" id="fullScaleDate"
																	name="fullScaleDate"  readonly class="m-wrap" value="${loan.fullScaleDate }" readonly="readonly"/>
																<span class="add-on"><i class="icon-remove"></i></span>
																<span class="add-on"><i class="icon-calendar"></i></span>
															</div>
														</div>
													</div>
												</div>
												<div class="span6">
													<div class="control-group">

														<label class="control-label">融资状态</label>
														<div class="controls">
															<input type="text" name="financeStatus" id="financeStatus"
																class="m-wrap input-xlarge"
																value="${loan.financeStatus }" readonly="readonly">
															<p class="help-block"></p>
														</div>
													</div>
												</div>
											</div>

											<div class="row-fluid">
												<div class="control-group">

													<label class="control-label" for="input01">产品说明</label>
													<div class="controls">
														<textarea class="wysihtml5 m-wrap" style="width: 1100px"
															name="description" id="description" rows="6" readonly="readonly">${loan.description }</textarea>
														<p class="help-block"></p>
													</div>
												</div>
											</div>
										</fieldset>
										<div class="form-actions">
											<button type="button" onclick="history.go(-1)" class="btn blue ibtsubmit">
												<i class="m-icon-swapleft"></i> 返回
											</button>
											<!-- <button type="submit" class="btn blue ibtsubmit">
												<i class="icon-ok"></i> 保存
											</button>
											<button type="button" onclick="history.go(-1)" class="btn">取消</button> -->
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--END TABS-->
			</div>
		</div>
	</div>
	<script type="text/javascript"
		src="${ctx}/resources/media/js/jquery.dataTables.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/media/js/DT_bootstrap.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/media/js/select2.min.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/media/js/wysihtml5-0.3.0.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/media/js/bootstrap-wysihtml5.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/media/js/bootstrap-datetimepicker.js"></script>
	<script type="text/javascript"
		src="${ctx}/resources/media/js/jquery.validate.min.js"></script>
	<script src="${ctx}/resources/media/js/jquery.fancybox.pack.js"></script>

	<script type="text/javascript"
		src="${ctx}/resources/media/js/chosen.jquery.min.js"></script>
	<script src="${ctx}/resources/media/js/app.js"></script>

	<script src="${ctx}/resources/media/js/gallery.js"></script>
	<script type="text/javascript">
		var dt;
		var count = 1;
		$(function() {
			$("select").select2();

			//FormBoxValidate.init();
			//Gallery.init();
			//FormFileUpload.init('${ctx}');
			//售卖中
			if($("#financeStatus").val()=="") {
				$("#financeStatus").val("");
			} else if($("#financeStatus").val()=="0"){
				$("#financeStatus").val("售卖中");
			} else if($("#financeStatus").val()=="1"){
				$("#financeStatus").val("满标");
			} else if($("#financeStatus").val()=="2"){
				$("#financeStatus").val("还款中");
			} else if($("#financeStatus").val()=="3"){
				$("#financeStatus").val("还款完成");
			} else if($("#financeStatus").val()=="4"){
				$("#financeStatus").val("流标");
			}
			if ($('.wysihtml5').size() > 0) {
				$('.wysihtml5').wysihtml5({});
			}

		});
		
		//$(".form_meridian_datetime").datetimepicker(
		//		{
		//			format : "yyyy-m-d h:i",
		//			//showMeridian: true,
		//			language : "zh",
		//			autoclose : true,
		//			pickerPosition : (App.isRTL() ? "bottom-right"
		//					: "bottom-left"),
		//			todayBtn : true
		//		});
	</script>


</body>
</html>